<!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.01 Transitional//EN">
<html>
  <head>
    <title>ajax.html</title>
    <meta http-equiv="keywords" content="keyword1,keyword2,keyword3">
    <meta http-equiv="description" content="this is my page">
    <meta http-equiv="content-type" content="text/html; charset=UTF-8">
    <script type="text/javascript" src="jquery-3.1.0.js"></script>
    <!--<link rel="stylesheet" type="text/css" href="./styles.css">-->
	<script type="text/javascript">
	$(function(){
		$("input[type='button']").click(function(){
			var addcode=$("#addCode").val();
			var url="http://restapi.amap.com/v3/weather/weatherInfo?key=a1a09a151cf59c39c01d5c10bfb7fbe4&city="+addcode;
			//$.ajax是$对象的一个静态方法 $.ajax=function()
			$.ajax({
				//请求的method类型
				type:"GET",
				//请求的路径
				url:url,
				//将返回的字符串转换为json对象(JSON.parse(返回字符串))
				dataType:'json',
				//请求响应的回调函数 参数1就是写回的json数据
				success:function(msg){
					var tq=msg.lives[0].weather;
					$("div").remove();
					if(tq=="晴"){
						$(document.body).append("<div><img src='as.jpg'/></div>");
					}
				}
			})
		})
	})
	</script>
  </head>
  <body>
   	<input id="addCode" type="text" value=""> <input type="button" value="天气">
  </body>
</html>
